import styles from "./index.module.scss";
import { useSelector } from "react-redux";
export default function ModelView(props) {
  const theme = useSelector((state) => state.theme);
  const { title, imgSlot, height, contentSLot } = props;
  const content = contentSLot();
  const img = imgSlot();
  return (
    <>
      <div className={theme?styles.topContentLight:styles.topContent} style={{ height: height + "px" }}>
        <div className={styles.subTitle}>
          {img}
          <span className={theme?styles.titleLight:styles.title}>{title}</span>
        </div>
        {content}
      </div>
    </>
  );
}
